<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <!--  lay-ui	-->
    <link rel="stylesheet" th:href="@{/resource/js/layui/css/layui.css}">
    <script  th:src="@{/resource/js/layui/layui.js}"></script>
    <title>表格</title>
</head>
<body>
<table id="demo" lay-filter="test"></table>
</body>
<script>
    layui.use('table', function(){
        var table = layui.table;
        table.render({
            elem: '#demo'
            ,url: 'getSysClientUserAll'
            ,page: true
            ,cols: [ [
                {field: 'id', title: 'ID',  sort: true, fixed: 'left'}
                ,{field: 'username', title: '账号' }
                ,{field: 'psw', title: '密码' }
                ,{field: 'nickname', title: '昵称' }
                ,{field: 'phone', title: '电话' }
                ,{field: 'sex', title: '性别' }
                ,{field: 'openId', title: '微信识别ID' }
                ,{field: 'userTypeId', title: '用户类型' }
            ] ]
        });
    });
</script>
</html>